@charset "UTF-8";
// 输入框样式
$inputWidth:              200px !default;         //宽度
$inputHeight:             18px !default;          //高度
$inputRadius:             5px !default;           //圆角
$borderColorFocus:        #52a8ec !default;       //聚焦颜色

%input-common{
  @include transition(border linear 0.2s, box-shadow linear 0.2s);
  @include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.1));
  border: 1px solid $gray;
  padding: 4px;
  vertical-align: middle;
  &:focus{
    outline: 0 none;
    border-color: rgba($borderColorFocus, 0.8);
    @include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba($borderColorFocus, 0.6));
  }
}

@mixin input($inputWidth:200px, $inputHeight:18px, $inputRadius: 5px){
  @extend %input-common;
  width: $inputWidth;
  height: $inputHeight;
  border-radius: $inputRadius;
}





